
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layuiAdmin 角色管理</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
  <link rel="stylesheet" href="../../../static/bootstrap.min.css" media="all">
  <link rel="stylesheet" href="../../../static/style.css" media="all">
  <link rel="stylesheet" href="../../../static/H-ui.min.css" media="all">
  <link rel="stylesheet" href="../../../static/H-ui.admin.css" media="all">
  <link rel="stylesheet" href="../../../static/icheck.css" media="all">
  <link rel="stylesheet" href="../../../static/iconfont.css" media="all">
</head>
<style>
    #form1 input{display:inline-block !important;}
    .permission-list2 dd label{
	    font-weight:
}
.layui-form-label{width:100px;]}
.permission-list > dd {
    padding: 5px 5px 5px 10px;
}
 </style>
<body>
  <div class="layui-fluid">
    <div class="layui-card">
      <div class="layui-card-body">
        <div style="padding-bottom: 10px;">
          <!--<button class="layui-btn layuiadmin-btn-role layuiadmin-btn-useradmin" data-type="batchdel">删除</button>-->
          <button class="layui-btn layuiadmin-btn-role layuiadmin-btn-useradmin" data-type="addImg">添加</button>
        </div>
        <table id="LAY-user-back-role" lay-filter="LAY-user-back-role"></table>
      </div>
    </div>
  </div>
 <script src="../../../layuiadmin/layui/layui.js"></script>
   <script src="../../../layuiadmin/layui/layui.all.js"></script>
   <script src="../../../layuiadmin/config.js"></script>
  <script>
    layui.use(['table'], function(){
      var $ = layui.$
              ,form  = layui.form
              ,table = layui.table,
               upload =layui.upload;
      var tableIns = table.render({
        elem: '#LAY-user-back-role',
        url : "{:url('notice?op=table')}",
        cellMinWidth : 95,
        page : true,
        height : "full-125",
        limits : [10,40,100,500,1000],
        limit : 10,
        id : "LAY-user-manage",
        cols : [[
          {checkbox: true},
          {field: 'notice_id', title: '公告ID', width:'12%', align:"center"},
          {field: 'title', title: '公告标题', align:'center',width:'15%'},
          {field: 'content', title: '公告详情', align:'center',width:'40%'},
          {field: 'create_time', title: '添加时间', align:'center',width:'14%'},
          {field: '', title: '操作', align:'center',templet:function(d){
            return '<a class="layui-btn layui-btn-normal layui-btn-xs layui-btn layuiadmin-btn-useradmin" data-id="'+d.notice_id+'" data-title="'+d.title+'" data-data="'+d.content+'"  data-type="update" ><i class="layui-icon layui-icon-edit"></i>编辑</a>'+
                '<a class="layui-btn layui-btn-normal layui-btn-xs layui-btn layuiadmin-btn-useradmin" data-id="'+d.notice_id+'" data-title="'+d.title+'" data-data="'+d.content+'"  data-type="delete">' +
                '<i class="layui-icon">'+'删除'+'</i>'+'</a>'


          }},
        ]]
      });
      //监听搜索
      form.on('submit(LAY-user-front-search)', function(data){
        var field = data.field;
        console.log(field);
        //执行重载
        table.reload('LAY-user-manage',{
          url: "{:url('notice?op=table')}",
          where : field,
          done: function(res, curr, count){
            //如果是异步请求数据方式，res即为你接口返回的信息。
            //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
            console.log(res);
            //得到当前页码
//                console.log(curr);
            //得到数据总量
//                console.log(count);
          }
        });
      });
      //事件
      var active = {
    	next:function(){
    		 table.reload('LAY-user-manage',{
    	          url: "{:url('notice?op=table')}",
    	          where : {pid:$(this).data('id')},
    	          done: function(res,curr,count){
    	            //如果是异步请求数据方式，res即为你接口返回的信息。
    	            //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
    	            console.log(res);
    	            //得到当前页码
//    	            console.log(curr);
    	            //得到数据总量
//    	            console.log(count);
    	          }
    	        });
    	}
        ,batchdel: function(){
          var checkStatus = table.checkStatus('LAY-user-manage')
                  ,checkData = checkStatus.data; //得到选中的数据
          if(checkData.length === 0){
            return layer.msg('请选择数据');
          }
                  ajax_data = [];
		$.each(checkData,function(k,v){
			ajax_data.push(v.id);
		});
//              console.log(ajax_data);
              $.ajax({
            		type: 'POST',
    	            url: '{:url("del")}',
    	            data: {id:ajax_data},
    	            dataType: 'json',
    	            timeout: 3000,
    	            success: function (data){
    	         	   if(data.data==200){
    	         		  table.reload('LAY-user-manage'); //数据刷新
    	                  layer.closeAll(); //关闭弹层
    	                  layer.msg(data.msg);
    	         	   }else{
    	         		  layer.msg(data.msg);
    	         	   }
    	            }
            	});
        }
        ,cancelshow:function(){
              var checkStatus = table.checkStatus('LAY-user-manage')
                  ,checkData = checkStatus.data; //得到选中的数据
              if(checkData.length === 0){
                  return layer.msg('请选择数据');
              }
              ajax_data = [];
              $.each(checkData,function(k,v){
                  ajax_data.push(v.id);
              });
//              console.log(ajax_data);
              $.ajax({
                  type: 'POST',
                  url: '{:url("no_examine")}',
                  data: {id:ajax_data},
                  dataType: 'json',
                  timeout: 3000,
                  success: function (data){
                      if(data.data==200){
                          table.reload('LAY-user-manage'); //数据刷新
                          layer.closeAll(); //关闭弹层
                          layer.msg(data.msg);
                      }else{
                          layer.msg(data.msg);
                      }
                  }
              });
        },
          delete:function () {
            var  id = $(this).data('id');
            console.log(id);
              layer.open({
                  title:'删除公告',
                  type: 1,
                  skin: 'demo-class',
                  btn: ['确定', '取消'],
                  yes:function (index,lay){
                      $.ajax({
                          type: 'POST',
                          url: "{:url('delete_notice')}",
                          data:{id:id} ,
                          dataType: 'json',
                          success: function (res){
                              if(res.data==201){
                                  layer.msg(res.msg);
                                  table.reload('LAY-user-manage');
                              }
                              if(res){
                                  layer.msg(res.msg);
                                  layer.close(index);
                                  table.reload('LAY-user-manage');
                              }
                          }
                      })
                  }
              });
          }
        ,update: function(){
              var title =  $(this).data('title');
              var data  =  $(this).data('data');
              var id  =  $(this).data('id');
              var checkStatus = table.checkStatus('LAY-user-manage')
                  ,checkData  = checkStatus.data; //得到选中的数据
//              if(checkData.length === 0){
//                  return layer.msg('请选择数据');
//              }
              ajax_data = [];
              $.each(checkData,function(k,v){
//                  id= v.id;
//                  title =v.title;
//                  data = v.content
              });
              content =
                  '<form id="form1">'+
                  '<div class="layui-card" style="width: 800px" >' +
                  '<div class="layui-card-body layui-row layui-col-space10">' +
                  '<div class="layui-col-md12">' +
                  '<div   class="layui-form-item">' +
                  '<div class="layui-form-item">' +
                  '<label class="layui-form-label">公告标题:</label>' +
                  '<div class="layui-input-block">' +
                  '<input type="text" name="name"   value="'+title+'"   lay-verify="title" autocomplete="off" placeholder="请输入图片备注" class="layui-input">' +
                  '<input type="hidden"   name="notice_id" value="'+id+'"   placeholder="请输入标题" autocomplete="off" class="layui-input">' +
                  '</div>' +
                  '</div>' +
                  '<label class="layui-form-label">公告详情：</label>' +
                  '<div class="layui-input-block">' +
                  '<textarea name="content" placeholder="" class="layui-textarea">'+data+'</textarea>' +
                  '</div>' +
                  '</div>' +
                  '</div>'+
                  '</div>' +
                  '</div>' +
//                  '<div class="layui-card">' +
//                  '<div class="layui-card-body layui-row layui-col-space10">' +
//                  '<div class="layui-col-md12">' +
//                  '<input type="text" name="title" value="'+title+'"   placeholder="请输入标题" autocomplete="off" class="layui-input">' +
//                  '<input type="hidden"   name="notice_id" value="'+id+'"   placeholder="请输入标题" autocomplete="off" class="layui-input">' +
//                  '<div class="layui-form-item">' +
//                  '<label class="layui-form-label">公告详情：</label>' +
//                  '<div class="layui-input-block">' +
//                  '<textarea id="ens" name="content"  placeholder="" class="layui-textarea">'+data+'</textarea>' +
//                  '</div>' +
//                  '</div>' +
//                  '</div>' +
//                  '</div>' +
//                  '</div>' +
                  '</form>';
              layer.open({
                  content:content,
                  title:'修改公告',
                  type: 1,
                  area: ['50%', '50%']
                  ,btn: ['确定', '取消']
                  ,yes:function (index,lay){
                      var formData= new FormData(document.getElementById("form1"));
                      $.ajax({
                          type: 'POST',
                          url: "{:url('up_notice')}",
                          data: formData,
                          dataType: 'json',
                          timeout: 3000,
                          cache: false,
                          contentType: false,
                          processData: false,
                          success: function (res){
                              if(res.data==201){
                                  layer.msg(res.msg);
                                  table.reload('LAY-user-manage');
                              }
                              if(res){
                                  layer.msg(res.msg);
                                  layer.close(index);
                                  table.reload('LAY-user-manage');
                              }
                          }
                      })
                  }
              });
        },
        addImg:function (){
        content =
          '<form id="form1">'+
            '<div class="layui-card" style="width: 800px">' +
                '<div class="layui-card-body layui-row layui-col-space10">' +
                    '<div class="layui-col-md12">' +
                        '<div   class="layui-form-item">' +
          '<div class="layui-form-item">' +
          '<label class="layui-form-label">公告标题:</label>' +
          '<div class="layui-input-block">' +
          '<input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="请输入公告标题" class="layui-input">' +
          '</div>' +
          '</div>' +

            '<label class="layui-form-label">公告详情：</label>' +
            '<div class="layui-input-block">' +
            '<textarea name="content" placeholder="" class="layui-textarea"></textarea>' +
            '</div>' +
            '</div>' +
                    '</div>'+
                '</div>' +
            '</div>' +
          '</form>';
            layer.open({
                 title:'添加公告',
                 content:content,
                 type: 1,
                 area: ['50%', '50%']
                ,maxmin: true
                ,btn: ['确定', '取消']
                ,yes:function (index,lay){
                    $(this).attr('disabled',true);
                    var formData= new FormData(document.getElementById("form1"));
                    $.ajax({
                        type: 'POST',
                        url: "{:url('add_notice')}",
                        data: formData,
                        dataType: 'json',
                        timeout: 3000,
                        cache: false,
                        contentType: false,
                        processData: false,
                        success: function (res){
                            if(res.data==201){
                                layer.msg(res.msg);
//                               table.reload('LAY-user-manage');
                            }
                            if(res.data==200){
                                layer.msg(res.msg);
                                table.reload('LAY-user-manage');
                                layer.close(index);
                            }
                        }
                    })
                }
            });
            upload.render({
                elem: '#test-upload-change',
                url: '{:url("upload_img")}',
                auto: false,
//              bindAction: '#test-upload-change-action',
                done: function(res){
                    console.log(res)
                },
                error:function (index,upload){
                }
            });
        }
      };

      $('body').on('click','.layui-btn.layuiadmin-btn-useradmin', function(){
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
      });

      $(".permission-list dt input:checkbox").click(function (){
          $(this).closest("dl").find("dd input:checkbox").prop("checked", $(this).prop("checked"));
          if ($(this).prop("checked")){
              $(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked", true);
          }
      });
      $("body").on('click','.permission-list2 dd input:checkbox',function () {
          var l = $(this).parent().parent().find("input:checked").length;
          var l2 = $(this).parents(".permission-list").find(".permission-list2 dd").find("input:checked").length;
          if ($(this).prop("checked")){
              $(this).closest("dl").find("dt input:checkbox").prop("checked", true);
              $(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked", true);
          } else {
              if (l == 0) {
                  $(this).closest("dl").find("dt input:checkbox").prop("checked", false);
              }
              if (l2 == 0) {
                  $(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked", false);
              }
          }
      });
    	  $("body").on('click','.check_rule_0',function (){
              if ($(this).prop("checked")){
            	  $(this).parents('dl').find('.check_rule_1').prop("checked", true);$(this).parents('dl').find('.check_rule_2').prop("checked", true);
              } else {
            	  $(this).parents('dl').find('.check_rule_1').prop("checked", false);$(this).parents('dl').find('.check_rule_2').prop("checked", false);
              }
          });
    	  $("body").on('click','.check_rule_1',function (){
              if ($(this).prop("checked")){
                 $(this).parents('dl.permission-list2').find('.check_rule_2').prop("checked", true);
              }else{
            	 $(this).parents('dl.permission-list2').find('.check_rule_2').prop("checked", false);
              }
          });
    });
//  layui.config({
//    base: '../../../layuiadmin/' //静态资源所在路径
//  }).extend({
//    index: 'lib/index' //主入口模块
//  }).use(['index', 'useradmin', 'table'], function(){
//    var $ = layui.$
//    ,form = layui.form
//    ,table = layui.table;
//
//    //搜索角色
//    form.on('select(LAY-user-adminrole-type)', function(data){
//      //执行重载
//      table.reload('LAY-user-back-role', {
//        where: {
//          role: data.value
//        }
//      });
//    });
//    //事件
//    var active = {
//      batchdel: function(){
//        var checkStatus = table.checkStatus('LAY-user-back-role')
//        ,checkData = checkStatus.data; //得到选中的数据
//
//        if(checkData.length === 0){
//          return layer.msg('请选择数据');
//        }
//
//        layer.confirm('确定删除吗？', function(index) {
//
//          //执行 Ajax 后重载
//          /*
//          admin.req({
//            url: 'xxx'
//            //,……
//          });
//          */
//          table.reload('LAY-user-back-role');
//          layer.msg('已删除');
//        });
//      },
//      add: function(){
//        layer.open({
//          type: 2
//          ,title: '添加新角色'
//          ,content: 'roleform.html'
//          ,area: ['500px', '480px']
//          ,btn: ['确定', '取消']
//          ,yes: function(index, layero){
//            var iframeWindow = window['layui-layer-iframe'+ index]
//            ,submit = layero.find('iframe').contents().find("#LAY-user-role-submit");
//
//            //监听提交
//            iframeWindow.layui.form.on('submit(LAY-user-role-submit)', function(data){
//              var field = data.field; //获取提交的字段
//
//              //提交 Ajax 成功后，静态更新表格中的数据
//              //$.ajax({});
//              table.reload('LAY-user-back-role');
//              layer.close(index); //关闭弹层
//            });
//            submit.trigger('click');
//          }
//        });
//      }
//    }
//    $('.layui-btn.layuiadmin-btn-role').on('click', function(){
//      var type = $(this).data('type');
//      active[type] ? active[type].call(this) : '';
//    });
//  });
  </script>
</body>
</html>

